<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>某某地区景点介绍</title>
        <link href="../css/destination/destination.css" rel="stylesheet">
    </head>
    <body>
        <!--头部导航条-->
        <div class="head-nav">
            <div class="head-nav-info">
                <div class="nav-info-logo"></div>
                <div class="nav-info-search">
                    <div class="search-area">
                        <input type="text" placeholder="搜索目的地">
                    </div>
                    <div class="search-btn">
                        <a href="#">
                            <i></i>
                        </a>
                    </div>
                </div>
                <div class="nav-info-user"></div>
            </div>

        </div>
        <div class="main">
            <div class="main-nav">
                <div class="main-nav-info">
                    <a href="#">全部</a>
                    <a href="#">游记</a>
                    <a href="#">景点</a>
                </div>
            </div>
            <div class="destination">
                <div class="destination-info">
                    <div class="sights-main-img"><a></a></div>
                    <div class="destination-related-sights">
                        <div class="related-sights-title">
                            <span>相关地点</span>
                        </div>
                        <div class="related-sights">
                            <a>
                                <div class="related-sights-img">
                                    <img src="../images/destination/sights1.jpeg">
                                </div>
                                <div class="related-sights-info">
                                    <p>标题</p>
                                    <p>
                                        <b>111</b>
                                        <span>点赞数</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="related-sights">
                            <a>
                                <div class="related-sights-img">
                                    <img src="../images/destination/sights1.jpeg">
                                </div>
                                <div class="related-sights-info">
                                    <p>标题</p>
                                    <p>
                                        <b>111</b>
                                        <span>点赞数</span>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="destination-hot-sights">
                    <div class="hot-sights-lists">
                        <div class="lists-title">
                            <h2><a href="#">附近热门景点</a></h2>
                            <a href="#">全部景点 >></a>
                        </div>
                        <div class="lists-img">
                            <ul class="img-item">
                                <li>
                                    <a><img src="../images/destination/hangzhou1.jpeg"></a>
                                    <p><a href="#">杭州-杭州西湖风景名胜区</a></p>
                                </li>
                                <li>
                                    <a><img src="../images/destination/hangzhou1.jpeg"></a>
                                    <p><a></a></p>
                                </li>
                                <li>
                                    <a><img src="../images/destination/hangzhou1.jpeg"></a>
                                    <p><a></a></p>
                                </li>
                                <li>
                                    <a><img src="../images/destination/hangzhou1.jpeg"></a>
                                    <p><a></a></p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>